<div class="content">
  <div class="choose">
    <div class="h3">裝夾方式維護</div>
    <!-- 裝夾方式： -->
    <div style="flex-direction: row;flex-wrap: wrap;display: flex;">
      <div class="input_first" style="margin-left: 40px;padding-left:32px;">
        裝夾方式：&nbsp;<input type="text" value='' name='' [(ngModel)]='zjfs' [disabled]='update'>
      </div>
      <div class="input_first" style="margin-left: 40px;padding-left:72px;">
        單板夾裝：&nbsp;<input type="text" value='' name='' [(ngModel)]='dbjz'>&nbsp;分鐘
      </div>
    </div>
    <!-- 刀具確認： -->
    <!-- <div style="flex-direction: row;flex-wrap: wrap;display: flex;margin-top: 20px;">
      <div class="input_first" style="margin-left: 40px;padding-left:32px;">
        刀具確認：&nbsp;<input type="text" value='' name='' [(ngModel)]='djqr'>&nbsp;分鐘
      </div>
      <div class="input_first" style="margin-left: 100px;">
        機床清潔：&nbsp;<input type="text" name='' [(ngModel)]='jcqx'>&nbsp;分鐘
      </div>
      <div class="input_first" style="margin-left: 0px;">
        打PIN定位：&nbsp;<input type="text" name='' [(ngModel)]='dpdw'>&nbsp;分鐘
      </div>
    </div> -->
    <!-- 毛刺清潔： -->
    <!-- <div style="flex-direction: row;flex-wrap: wrap;display: flex;margin-top: 20px;">
      <div class="input_first" style="margin-left: 40px;padding-left:32px;">
        毛刺清潔：&nbsp;<input type="text" value='' name='' [(ngModel)]='mcqx'>&nbsp;分鐘
      </div>
      <div class="input_first" style="padding-left:30px;">
        程序異常處理時間：&nbsp;<input type="text" value='' name='' [(ngModel)]='cxycclsj'>&nbsp;分鐘
      </div>
      <div class="input_first" style="margin-left: 40px;padding-left:72px;">
        單板夾裝：&nbsp;<input type="text" value='' name='' [(ngModel)]='dbjz'>&nbsp;分鐘
      </div>
    </div> -->
    <!-- 分割线 -->
    <div class="wrap"></div>
    <!-- 按钮 -->
    <div style="width: 100%;display: flex;padding:25px 0 ;">
      <div style="margin:0 auto;height: 32px;">
        <!-- 清除按钮 -->
        <button class="clear" (click)="clear()"></button>
        <!-- 保存按钮 -->
        <button class="save" (click)="save()"></button>
      </div>
    </div>
  </div>
  <!-- table -->
  <nz-table #groupingTable [nzShowPagination]=false nzSize="middle" [nzData]="listOfData" [nzWidthConfig]="widthConfig"
    [nzScroll]="scrollConfig">
    <thead>
      <tr>
        <th>裝夾方式</th>
        <!-- <th>刀具確認</th>
        <th>機床清潔</th>
        <th>打PIN定位</th>
        <th>毛刺清潔</th>
        <th>程序異常處理時間</th> -->
        <th>單板夾裝</th>
        <th></th>
      </tr>
    </thead>
    <tbody>
      <tr class="tr_hover" *ngFor="let data of listOfData,let Key = index" (click)="edit(data)">
        <td>{{data.mode}}</td>
        <!-- <td>{{data.time[0]['value'] + '分鐘'}}</td>
        <td>{{data.time[1]['value'] + '分鐘'}}</td>
        <td>{{data.time[2]['value'] + '分鐘'}}</td>
        <td>{{data.time[3]['value'] + '分鐘'}}</td>
        <td>{{data.time[4]['value'] + '分鐘'}}</td> -->
        <td>{{data.time[0]["value"] + '分鐘'}}</td>
        <td>
          <a class="del" (click)="showModal(data)"></a>
        </td>
      </tr>
    </tbody>
  </nz-table>
  <!-- 弹出框 -->
  <nz-modal [(nzVisible)]="isVisible" nzTitle="刪除" (nzOnCancel)="handleCancel()" (nzOnOk)="handleOk()"
    [nzMaskStyle]="{backgroundColor:'rbga(48,73,77,.05)'}"
    [nzBodyStyle]="{height:'200px',background:'rgba(31,46,49,1)',color:'#ffffff',fontSize:'20px',fontWight:'300',textAlign:'center',lineHeight:'200px'}">
    <p style="font-size: 20px;">確定刪除嗎？</p>
  </nz-modal>
</div>